<script setup lang="ts">
const router = useRouter()
const go = (target: string) => router.push(target)
</script>

<template>
  <div class="page-mnemonic-index">
    <div class="card">
      <div class="title">Step (1/4): Mnemonic</div>
      <div>Do you have a mnemonic?</div>
      <div class="btn-in-card mt-5" @click="go('/mnemonic/new')">No, create for me</div>
      <div class="btn-in-card mt-5" @click="go('/mnemonic/paste')">Yes, I have</div>
    </div>
  </div>
</template>

<style scoped>
.page-mnemonic-index {
  padding: 15px;
}
</style>